body,html{
	width: 100%;
	height: 200%;
	background-color: #f4f6f9;
	padding: 0;
	margin: 0;
	color: #000;
}
.header{
	width: 100%;
	background-color: #fff;
	z-index:999;
	display:block;
	position: fixed;
}
.top{
	height: 52px;
	box-shadow: 0 1px 3px hsl(0deg 0% 7% / 10%);
}
.content{
	width: 100%;
	height: 52px;
	display: none;
	position: fixed;
	background-color: #fff;
	box-shadow: 0 1px 3px hsl(0deg 0% 7% / 10%);
	text-align: center;
	font-size: 22px;
	font-weight: 666;
	align-items: center;
}
.top-content{
	align-items:center;
	display:flex;
	height: 100%;
	padding-left:16px;
}
.top-list{
	display: flex;
	list-style: none;
	margin-left: 15px;
	margin-right: 25px;
	padding: 0;
	border-bottom:0;
}
.top-tab{
	padding: 0 14px;
	display: inline-block;
	color: #8491a5;
}
.top-search{
	margin: 0;
	width:382px;
	
}
.top-search label{
	display: flex;
	background:#f8f8fa;
	border-radius:999px;
	outline: none;
	padding:5px;
	border: 1px solid #ebeced;
	background-color: transparent;
}
.top-input{
	height:24px;
	color:#191b1f;
	width: 100%;
	padding-left:16px;
	line-height:24px;
	border: none;
	outline-color: transparent;
}

.search-list{
	display: none;
	position: absolute;
	background-color: #FFF;
	z-index: 9999;
	border-radius: 3px;
	border: 1px solid #E4E7ED;
}
.search-list-top{
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	color: #8491a5;
}
.horizontal-line {
	border-top: 1px solid #DCDFE6;
	margin-top: 8px;
}
.search-list-result{
	list-style: none;
	padding-left: 10px;
}
.search-list-result li{
	line-height: 34px;
	margin: 0;
}
.search-list-result :hover{
	background-color: #F5F7FA;
}
.top-search-button{
	border-color:transparent;
	background-color: transparent;
}
.top-search-submit{
	background-color: #1772f6;
	width: 70px;
	border-radius: 999px;
	margin-left:12px;
	color: #fff;
	line-height:30px;
	border:1px solid #1772f6;
}
.top-userinfo{
	display: flex;
	margin-left:30px;
	font-size:12px;
	color: #75849a;
}
.top-userinfo .button-info{
	background:none;
	color: #8491a5;
	border:none;
	margin-right:24px;
}
.desc-tab{
	height: 200px;
	background-color: #fff;
	box-shadow: 0 1px 3px hsl(0deg 0% 7% / 10%);
}
.desc-tab-header{
	padding-left: calc(50vw - 500px);
	padding-top: 10px;
	display: flex;
}
.desc-tab-header .tag-content{
	display: flex;
}
.desc-tab-header .tag-content div{
	border-radius:100px;
	background-color: rgba(23,114,246,0.1);
	color: #1772F6;
	line-height:30px;
	font-size:14px;
	padding:0 12px;
	margin: 3px 5px 3px 0;
}
.desc-tab-header-main{
	width: 694px;
}
.desc-tab-header-side{
	max-width: 285px;
	min-width: 216px;
	height: 40px;
}
.desc-tab-follow{
	display: flex;
	margin-left:auto;
	width: 200px;
}
.desc-tab-follow div div{
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	color: #8491a5;
}
.desc-tab-follow div{
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}
.desc-content-title{
	color: #191b1f;
	line-height:32px;
	font-size:22px;
	margin-top:12px;
	font-weight:600;
}
.desc-content-data{
	font-size:15px;
	line-height:25px;
}
.desc-content-show{
	background-color: transparent;
	line-height:inherit;
	padding: 0;
	border:none;
	color: #81858f;
	display:inline-flex;
}
.desc-content-show span{
	display:inline-flex;
	box-sizing: border-box;
	align-items:center;
	text-align: center;
}
.hide{
	display: none;
}
.desc-content-button{
	margin-top: 5px;
}
.desc-content-button .wirte{
	display: flex;
	padding: 0;
}
.desc-content-button .wirte button{
	line-height:32px;
	font-size:14px;
	padding:0 16px;
	display: inline-flex;
	margin: 0 8px 0 0;
}
.follow-question{
	background-color: #0965ea;
	border: 1px solid #0965ea;
	color: #fff;
	border-radius:3px;
	cursor: pointer;
	margin-left: 0;;
}
.wirte-result{
	border: 1px solid #0965ea;
	background-color:transparent;
	color: #1772f6;
	border-radius:3px;
	padding: 0 3px;
	
}
.wirte-result .span{
	display: inline-flex;
	box-sizing: border-box;
	line-height: 32px;
	margin: auto;
	margin-right: 3px;
}
.desc-content-button{
	display: flex;
}
.desc-content-button .plaese{
	display: flex;
	padding: 0;
}
.desc-content-button .plaese button{
	line-height:32px;
	font-size:14px;
	padding:0 16px;
	display: inline-flex;
	margin: 0 8px 0 0;
	color: #8491a5;
	background-color: transparent;
}
.yaoqinghuida{
	border: 1px solid #8491a5;
	border-radius:3px;
	display: inline-flex;
}
.desc-content-button .plaese .other{
	border:none;
	display: inline-flex;
}
.yaoqinghuida span{
	display: inline-flex;
	margin: auto;
	margin-right: 4px;
}
.other span{
	display: inline-flex;
	margin: auto;
	margin-right: 4px;
}
.main-context{
	width: 100%;
	padding: 1% 8% 0 8%;
	display: flex;
	box-sizing: border-box;
}
.main-context .content-left{
	width: 70%;
	position: relative;
}

.main-context .content-left .first-div{
	width: 100%;
	box-shadow: 0 1px 3px hsl(0deg 0% 7% / 10%);
	background-color: #fff;
}

.main-context .content-left .content-left-toolbar div{
	display: inline-flex;
	text-align: center;
	margin: auto;
	width: 100%;
	padding-left:18px;
	height: 48px;
	align-items:center;
	font-weight: 600;
	border-bottom: 1px solid #ebeced;
	box-sizing: border-box;
}
.main-context .content-left .content-left-toolbar div span{
	display: inline-flex;
	margin-right: 10px;
	color: #1772F6;
}
.content-side{
	background-color: #fff;
	width: 25%;
	height: 800px;
	margin-left: 10px;
	box-shadow: 0 1px 3px hsl(0deg 0% 7% / 10%);
}
.content-left .content-left-time{
	padding-top: 16px;
	position: relative;
}
.content-left-time-first-a{
	font-weight: 600;
}

.content-left .content-left-time a{
	min-width: 0;
	display: inline-block;
	padding-left:40px;
	box-sizing: border-box;
	height: 62px;
	position: relative;
}
.content-left-time-first-a .time{
	color: #1772F6;
}
/* 第一个时间线的点 */
.content-left-time-first-a::after{
	content:'';
	left: 25px;
	top:0.5em;
	width: 6px;
	height: 6px;
	position: absolute;
	background-color: #1772F6;
	border: 2px solid #ffffff;
	border-radius: 50%;
	transform: translateX(-50%);
	box-shadow: 0 0 0 1px #1772F6;
	display: block;
}
/* 事件线的点 */
.content-left-time-no-first-a::after{
	content: '';
	display: block;
	position: absolute;
	top:0.5em;
	left: 25px;
	width: 6px;
	height: 6px;
	background-color: #8491a5;
	border-radius: 50%;
	transform: translateX(-50%);
}
/* 时间线 */
.content-left-time::after{
	content: '';
	display: block;
	width: 2px;
	height: calc(100% - 30px - 52px);
	position: absolute;
	background-color: #8491a5;
	left: 24px;
	top:30px;
	opacity: 0.12;
}
.content-left-time .content-left-time-content{
	min-width: 0;
	display: inline-flex;
	box-sizing: border-box;
}
.content-left-time .content-left-time-content div{
	min-width: 0;
	box-sizing: border-box;
	display: -webkit-box;
}
.first-div-zhankai{
	width: 100%;
	height: 48px;
	border-top: 1px solid #ebeced;
	text-align: right;
	color: #8491a5;
}
.first-div-zhankai a{
	display: inline-flex;
	margin-right: 13px;
	height: 100%;
	text-align: center;
	align-items:center;
}
.first-div-zhankai a span{
	display: inline-flex;
	margin: auto;
}
.huida-context{
	margin-top: 10px;
	width: 100%;
	box-shadow: 0 1px 3px hsl(0deg 0% 7% / 10%);
	background-color: #fff;
	height: 200px;
}
.huida-context-first-div{
	width: 100%;
	height: 48px;
	display: inline-flex;
	justify-content: space-between;
	align-items:center;
}
.huida-context-first-div a{
	margin-left: 20px;
	font-weight: 600;
	text-align:left;
}
.huida-context-first-div button{
	border: 1px solid transparent;
	background-color: transparent;
	text-align:right;
	display: inline-flex;
	color: #75849a;
	font-size:14px;
}
.huida-context-first-div button span{
	display: inline-flex;
	margin: auto;
}
.huida-text-area{
	margin: 0 20px;
	border-top:1px solid #f8f8fa;
}
.huida-text-area-author-info{
	display: inline-flex;
	justify-content: space-between;
	align-items:center;
	width: 100%;
	margin-top: 10px;
}
.huida-text-area-author-info div{
	display: inline-flex;
	align-items:center;
	font-weight:600;
	font-size: 15px;
}
.huida-text-area-author-info button{
	background-color: rgba(23,114,246,.1);
	border-color: transparent;
	border-radius: 3px;
	color: #1772f6;
	font-size: 14px;
	display: inline-flex;
	text-align: center;
	align-items:center;
	line-height: 32px;
	min-width:74px;
}
.huida-text-area-author-info button span{
	display: inline-flex;
	height: 100%;
	margin: 0;
	align-items:center;
	margin-right: 3px;
	margin-left: 3px;
} 
.huida-text-area-author-info img{
	width: 38px;
	height: 38px;
	margin-right: 10px;
}
.child-left{
	text-align: left;
}
.child-right{
	text-align: right;
}

